html,body{
	margin: 0;
	height: 100%;
	-ms-overflow-style: scrollbar;
}
.close {
    background: orange;
    color: red;
    border-radius: 12px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-size: 18px;
    padding: 1px;
}
/* use cross as close button */
.close::before {
    content: "\2716";
}
.btn-yellow {
    color: #fff;
    border: 1px solid #f0ad4e;
    background-color: #f0ad4e;
}
.btn-blue {
    color: #fff;
    border: 1px solid #007aff;
    background-color: #007aff;
}
.btn-red {
    color: #fff;
    border: 1px solid #dd524d;
    background-color: #dd524d;
}
.btn-no {
    
}
.scrollview {
            position:relative;
            width: 100%;
			height: 100%;
            /* top: 0; 
			left: 0;
			bottom: 0; */
            overflow: hidden;
        }
		
.viewBufferContainer {
    position: absolute;
    width: 17px;
    /* height: 450px; */
    border: 1px solid #678;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0;
    padding: 0;
    /* margin-right: 5; */
    float: right;
    right: 0;
    z-index: 402;
    /**pointer-events:none;**/
    scrollbar-arrow-color: #f4ae21; /**//*三角箭头的颜色*/ 
     scrollbar-face-color: #333; /**//*立体滚动条的颜色*/ 
     scrollbar-3dlight-color: #666; /**//*立体滚动条亮边的颜色*/ 
     scrollbar-highlight-color: #666; /**//*滚动条空白部分的颜色*/ 
     scrollbar-shadow-color: #999; /**//*立体滚动条阴影的颜色*/ 
     scrollbar-darkshadow-color: #666; /**//*立体滚动条强阴影的颜色*/ 
     scrollbar-track-color: #666; /**//*立体滚动条背景颜色*/ 
     scrollbar-base-color:#f8f8f8; /**//*滚动条的基本颜色*/ 
     opacity: 0.7;
}
.viewBufferContainer::-webkit-scrollbar {
    width: 10px;
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.viewBufferContainer::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
}
.viewBufferContainer::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.scrollbarx
{
	 scrollbar-arrow-color: #f4ae21; /**//*三角箭头的颜色 f4ae21*/ 
     scrollbar-face-color: #333; /**//*立体滚动条的颜色*/ 
     scrollbar-3dlight-color: #666; /**//*立体滚动条亮边的颜色*/ 
     scrollbar-highlight-color: #666; /**//*滚动条空白部分的颜色*/ 
     scrollbar-shadow-color: #999; /**//*立体滚动条阴影的颜色*/ 
     scrollbar-darkshadow-color: #666; /**//*立体滚动条强阴影的颜色*/ 
     scrollbar-track-color: #666; /**//*立体滚动条背景颜色*/ 
     scrollbar-base-color:#f8f8f8; /**//*滚动条的基本颜色*/ 
     opacity: 0.7;
}
.scrollbarx::-webkit-scrollbar {
    width: 100%;
    height: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.scrollbarx::-webkit-scrollbar-thumb {
    background-color: #1E9FFF;/* rgba(0, 0, 0, 0.5); */
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 5px;
}
.scrollbarx::-webkit-scrollbar-thumb:hover {
    background-color: #5FB878;/* rgba(0, 0, 0, 0.5); */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.buffer-view {
    position: relative;
    /* border: 0;
    top: 0;
    left: 0; */
	height: 100%;
    width: 100%;
    /* background: #35a22e;*/
    overflow: hidden;
    z-index: 21;
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	-webkit-overflow-scrolling: touch;
}

.buffer-touch-view {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    /* background: #35a22e;*/
    overflow: hidden;
    z-index: 27;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.apptouch{
	-webkit-overflow-scrolling: touch;
	/* overflow:auto */
}
.buffer-frozen-view {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    /* background: #35a22e;*/
    overflow: hidden;
    z-index: 105;
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}
.actual-domain {
    height: auto;
    overflow: hidden;
    /*background: #35a22e;*/
}
.actual-domain2 {
    height: auto;
    overflow: hidden;
}
.actual-domain3 {
    height: auto;
    overflow: hidden;
}
        
        .spanRow
        {
        	background:#fff;
        	/*color:#666;*/
        	/*border-left:1px solid #e6e6e6;*/
        	/*border-bottom:1px solid #e6e6e6;*/
        	display:inline-block;
        	padding-left:12px;
        	/* float:left; */
        	box-sizing: border-box;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap; /* 文本不换行，这样超出一行的部分被截取，显示...*/
        }
        
        .borderRight
        {
        	border-right:1px solid #e6e6e6;
        }
        
        .borderBottom
        {
        	border-bottom:1px solid #e6e6e6;
        }
        .borderTop
        {
        	border-top:1px solid #e6e6e6;
        }
        .borderLeft
        {
        	border-left:1px solid #e6e6e6;
        }
        
        .border
        {
        	border:1px solid #e6e6e6;
        }
        
        .viewheaders
        {
        	background:#fff;
        	color:#020202;
        	border-top:1px solid #e6e6e6;
        	border-right:1px solid #e6e6e6;
        	/*border-bottom:1px solid #e6e6e6;*/
        	display:block;
        	box-sizing: border-box;
        	padding:0;
        	margin:0;
        	width:100%;
        }
        
        .headerRow
        {
        	background:#f2f2f2;        	
        	color:#020202;
        	border-left:1px solid #e6e6e6;
        	/*border-bottom:1px solid #e6e6e6;*/
        	display:block;
        	padding-left:12px;
        	/* float:left; */
        	box-sizing: border-box;
        }
        
        .mouseovercolor
        {
        	background:#fff7d6; /*#f2f2f2;*/
        }
        
        .mouseclickcolor
        {
        	background:#f7cc8f; /*#e9e9e9;*/
        }
		
		.headercolor
		{
			background:#f2f2f2;
		}
		 /*向上*/
.triangle_border_up{
    width:0;
    height:0;
    border-width:0 8px 8px;
    border-style:solid;
    border-color:transparent transparent #333;/*透明 透明  灰*/
    /*margin:40px auto;
    position:relative;*/
}
.triangle_border_up span{
    display:block;
    width:0;
    height:0;
    border-width:0 8px 8px;
    border-style:solid;
    border-color:transparent transparent #fc0;/*透明 透明  黄*/
    margin-left:-8px;
    margin-top:0px;
    /*position:absolute;
    top:1px;
    left:-14px;*/
}
/*向下*/
.triangle_border_down{
    width:0;
    height:0;
    border-width:8px 8px 0;
    border-style:solid;
    border-color:#333 transparent transparent;/*灰 透明 透明 */
}
.triangle_border_down span{
    display:block;
    width:0;
    height:0;
    border-width:8px 8px 0;
    border-style:solid;
    border-color:#fc0 transparent transparent;/*黄 透明 透明 */
    margin-left:-8px;
    margin-top:-8px;
}
/*向左*/
.triangle_border_left{
    width:0;
    height:0;
    border-width:8px 8px 8px 0;
    border-style:solid;
    border-color:transparent #333 transparent transparent;/*透明 灰 透明 透明 */
}
.triangle_border_left span{
    display:block;
    width:0;
    height:0;
    border-width:8px 8px 8px 0;
    border-style:solid;
    border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */
    position:absolute;
    margin-left:-8px;
    margin-top:-8px;
}
/*向右*/
.triangle_border_right{
    width:0;
    height:0;
    border-width:8px 0 8px 8px;
    border-style:solid;
    border-color:transparent transparent transparent #333;/*透明 透明 透明 灰*/
}
.triangle_border_right span{
    display:block;
    width:0;
    height:0;
    border-width:8px 0 8px 8px;
    border-style:solid;
    border-color:transparent transparent transparent #fc0;/*透明 透明 透明 黄*/
    position:absolute;
    top:-8px;
    left:-8px;
}

.tablefooter {
    height: 15px;
}
.tablenav {
    float: left;
    background-color: lightcyan;
}

    .tablenav img {
        cursor: pointer
    }

    .tablenav div {
        float: left;
        margin-right: 15px
    }

.crossx {
    background: red;
    height: 14px;
    width: 3px;
    position:relative;
    transform: rotate(30deg);
}

    .crossx:after {
        background: red;
        content: "";
        height: 14px;
        position: absolute;
        width: 3px;
        transform: rotate(120deg);
    }

.more {
    background-image: url("../images/more.png");
    position: absolute;
    left:2px;
    top: 2px;
    width: 16px;
    height: 16px;
}

.first {
    background-image: url("../images/first.gif");
    width: 16px;
    height: 16px;
    display:block;
    float:left;
}

.previous {
    background-image: url("../images/previous.gif");
    width: 16px;
    height: 16px;
    display:block;
    float:left;
    padding-left:3px;
}

.next {
    background-image: url("../images/next.gif");
    width: 16px;
    height: 16px;
    display:block;
    float:left;
    padding-left:3px;
}

.last {
    background-image: url("../images/last.gif");
    width: 16px;
    height: 16px;
    display:block;
    float:left;
    padding-left:3px;
}

.moreopen {
    position: absolute;
    background-color: lightcyan;
    left: 22px;
    top: 5px;
    width: 200px;
    height: 200px;
    z-index: 210;
    overflow: auto;
}

.more_search
{
    background-image: url("../images/search.png");
    width: 16px;
    height: 16px;
}

.more_excel
{
    background-image: url("../images/excel.png");
    
    width: 16px;
    height: 16px;
}

.more_hidecolumn
{
    background-image: url("../images/hide.png");
    
    width: 16px;
    height: 16px;
}


.more_sortcolumn
{
    background-image: url("../images/sort.png");
    
    width: 16px;
    height: 16px;
}
.noselect {

-webkit-touch-callout: none; /* iOS Safari */

-webkit-user-select: none; /* Chrome/Safari/Opera */

-khtml-user-select: none; /* Konqueror */

-moz-user-select: none; /* Firefox */

-ms-user-select: none; /* Internet Explorer/Edge */

user-select: none; /* Non-prefixed version, currently

not supported by any browser */

}

.lineLeft{
	border-left: 1px dotted #c0c4cc;
	/*padding-left: 12px;*/
	left: 7;
}
.lineRight{
	border-right: 1px dotted #c0c4cc;
}
.lineTop{
	border-top: 1px dotted #c0c4cc;
	padding-top: 12px;
}

.lineWidth{
	width: 24px;
	height: 100%;
}

.tree_iconClick{
	
}

.tree_selectClick{
	
}
.tree_empty_span_width{
	display: inline-block;
	width: 3px;
}
.tree_icon{
	height: 16px;
	line-height: 16px;
	width: 16px;
	text-align: center;
	/*border: 1px solid #c0c4cc;*/
	display: inline-block;
	vertical-align: middle;
}
.tree_icon_not_select{
	height: 16px;
	line-height: 16px;
	width: 16px;
	text-align: center;
	border: 1px solid #1E9FFF;
	display: inline-block;
	vertical-align: middle;
}
.tree_icon_select{
	height: 16px;
	line-height: 16px;
	width: 16px;
	text-align: center;
	color: #fff;
	border: 1px solid #c0c4cc;
	/*border-color: #5FB878!important;*/
	background-color: #5FB878;
	display: inline-block;
	vertical-align: middle;
}
.tree_icon_font1:before{
	font-size: 18px;
    color: #666;
	/*font-family: tree-icon!important;*/
    font-style: normal;
    -webkit-font-smoothing: antialiased;
	/*content:"\e624"*/;
	content: "+";
	vertical-align: middle;
}
.tree_icon_font2:before{
	font-size: 18px;
    color: #666;
	/*font-family: tree-icon!important;*/
    font-style: normal;
    -webkit-font-smoothing: antialiased;
	/*content:"\e624"*/;
	content: "+";
	vertical-align: middle;
}
.momile_cell{
	overflow: hidden;
	padding-left: 5px;
	padding-right: 2px;
	height: 100%;
	border-bottom: 1px solid #AAA9A9;
}
.momile_cell_table{
	display: table;
	width: 100%;
	table-layout: fixed;
	box-sizing: border-box;
	outline: 0;
}
.momile_cell_table_left{
	width:83.33333333%;
	position: relative;
	min-height: 1px;
	display: table-cell;
	box-sizing: border-box;
	outline: 0;
}
.momile_cell_table_all{
	width:99.9999999%;
	position: relative;
	min-height: 1px;
	display: table-cell;
	box-sizing: border-box;
	outline: 0;
	height: 100%;
}
.momile_cell_table_right{
	width:17.33333333%;
	position: absolute;
	min-height: 1px;
	display: table-cell;
	box-sizing: border-box;
	outline: 0;
	float: right;
	font-size: 12px;
	/* font-weight: 400; */
	color:#8f8f94;
	box-sizing: border-box;
	outline: 0;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap; /* 文本不换行，这样超出一行的部分被截取，显示...*/
	/* white-space:normal;
    word-break:break-all;
    word-wrap:break-word; */
}

.momile_cell_table_left_main{
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap; /* 文本不换行，这样超出一行的部分被截取，显示...*/
	width:99.9999%;
	height: 25px;
	line-height: 25px;
	/* line-height: 21px;
	font-weight: 500;
	margin-top: 0;
	font-size: 18px;
	margin-bottom: 5px;
	box-sizing: border-box;
	outline: 0;
	display: block;
	margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap; /* 文本不换行，这样超出一行的部分被截取，显示...* /
	width:99.9999%;
	height: 25px;
	line-height: 25px; */
}
.momile_cell_table_left_onlymain{
	/* font-weight: 500;
	margin-top: 0; */
	font-size: 18px;
	/* margin-bottom: 5px;
	box-sizing: border-box;
	outline: 0;
	display: block;
	margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px; */
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap; /* 文本不换行，这样超出一行的部分被截取，显示...*/
	width:99.9999%;
}
.momile_cell_table_left_second{
	font-size: 14px;
	/* font-weight: 400; */
	color:#8f8f94;
	/* box-sizing: border-box;
	outline: 0;
	display: block; */
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap; /* 文本不换行，这样超出一行的部分被截取，显示...*/
	width:99.9999%;
	height: 25px;
	line-height: 25px;
}
.momile_cell_table_left_third{
	font-size: 12px;
	/* font-weight: 400; */
	color:#8f8f94;
	/* box-sizing: border-box;
	outline: 0;
	display: block; */
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap; /* 文本不换行，这样超出一行的部分被截取，显示...*/
	width:99.9999%;
	height: 20px;
	line-height: 20px;
}
.momile_cell_table_left_other{
	font-size: 12px;
	color:#8f8f94;
	/* overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap; */ 
	white-space:normal; 
	word-break:break-all;
	width:99.9999%;
	height: 20px;
	line-height: 20px;
}
.momile_cell_span_table_left_first{
	font-size: 18px;
	font-weight: 500;
	color:#8f8f94;
	box-sizing: border-box;
	position: absolute;
	margin-top: -20px;
}
.momile_cell_span_table_left_second{
	font-size: 14px;
	font-weight: 400;
	color:#8f8f94;
	box-sizing: border-box;
	outline: 0;
}
